<template>
  <div class="right flex">
    <div class="right-top">
      <BigPie :fid="fid"></BigPie>
      <div class="device">
        <div class="service_device" @click="overhaul">一键检修</div>
        <div class="center-line"></div>
        <div class="device_status_normal">
          <div>
            <span class="label">设备状态： <span style="color: #C42125" v-if='text.length'>异常</span>
              <span class="normal" v-else>正常</span></span>
          </div>
          <div>
            <span class="label">设备风险提示： <span class="normal" v-if="text.length == 0">设备运行正常</span></span>
            <!-- <Loop text={text}></Loop> -->
            <div class="warnTextBox">
              <!-- <li class="warnText" v-for="item in 5">{{ text[0] }}</li> -->
              <vue3-seamless-scroll :hover-stop="true" :list="text" :hover="true" :step="0.3">
                <div class="warnText" v-for="(item, index) in text" :key="index"
                  style="padding:5px 0px; font-size: 14px">
                  {{ item }}
                </div>
              </vue3-seamless-scroll>


            </div>

          </div>
        </div>
      </div>
    </div>



    <div class="right-bottom">
      <div class="rightbottomTop">
        <div class="time">
          <img src="/src/assets/icon/time.png" alt="" />
          <span class="setup_label">定时设置：</span>
          <div class="tab_bar">
            <span :class="{ 'active': item.value == activeBut }" v-for="(item, i) in butList"
              @click="changeBut(item.value)">
              {{ item.label }}</span>
          </div>
        </div>
        <div class="time_select">
          <el-space style="margin-bottom: 15px;">
            <el-time-picker v-model="dateValue" clearable placeholder="执行时间" style="width:130px;" format="HH:mm"
              value-format="HH:mm" />


            <!-- <el-switch v-model="switchV" size="large" active-text="" inactive-text="" /> -->

            <el-select v-model="switchV" class="m-21" placeholder="感应状态" style="width:100px;">
              <el-option label="打开" value="1" />
              <el-option label="关闭" value="0" />
            </el-select>

            <el-select v-model="light" class="m-21" placeholder="" style="width:71px;">
              <el-option v-for="item in data.lightList_1" :key="item.id" :label="item.label" :value="item.id"
                @change="onChangelight(item.id)" />
            </el-select>
          </el-space>
          <el-space>
            <el-select :disabled='enable' v-model="equipmentValue" class="m-2" placeholder="请选择网关" style="width:130px;"
              @change="handleChange(equipmentValue)">
              <el-option v-for="item in equipmentList" :key="item.key" :label="item.label" :value="item.key" />
            </el-select>



            <!-- <el-input-number :disabled='enable' style="width:95px;" v-model="num" :min="1" :max="9"
                            controls-position="right"></el-input-number> -->

            <el-select :disabled='enable' style="width:100px;" v-model="num" class="m-21" placeholder="">
              <el-option v-for="item in 9" :value="item" />
            </el-select>

















            <el-button :disabled='enable' type="primary" @click="send()"
              style="background:rgb(25, 140, 250);width:71px;">确认</el-button>
          </el-space>
        </div>
      </div>

      <div class="rowSelect">
        <el-select v-model="placeValue" class="m-2" placeholder="请选择别名(组号)"
          style="width:100%;margin-top: 8px; margin-bottom: -6px;" @change="placeChange(placeValue)">
          <el-option v-for="item in placeList" :key="item.group_name" :label="item.name" :value="item.group_name" />
        </el-select>
        <div class="row">
          <ul class="setup_area" style="display: block">
            <li class="list_item" v-for="(item, i) in shortcut_Typebutton">
              <span :class="{ 'cur': active == i }" :key='i' class="first_span" @click="changeShort(i)">{{
        item[0]
      }}</span>
              <span>{{ item[1] }}</span>
            </li>
          </ul>
        </div>
      </div>

    </div>

  </div>
</template>
<script setup>
import BigPie from '../../components/BigPie.vue'
let data = reactive({
  onlineDev: [{ value: '0' }],
  projectData: {},
  queryForm: {
    pageNum: 1,
    pageSize: 20
  },
  tableData: [

  ],
  total: 0,
  dialog: false,
  form: {},
  rules: {
    name: [{ required: true, message: '请输入姓名', trigger: 'change' }],
    role: [{ required: true, message: '请选择岗位', trigger: 'change' }]
  },
  lightList_1: [{
    id: '-1',
    label: '亮度'
  }, {
    id: '0',
    label: '0%'
  }, {
    id: '10',
    label: '10%'
  }, {
    id: '20',
    label: '20%'
  }, {
    id: '30',
    label: '30%'
  }, {
    id: '40',
    label: '40%'
  }, {
    id: '50',
    label: '50%'
  }, {
    id: '60',
    label: '60%'
  }, {
    id: '70',
    label: '70%'
  }, {
    id: '80',
    label: '80%'
  }, {
    id: '90',
    label: '90%'
  }, {
    id: '100',
    label: '100%'
  }]
})

let light = ref("-1");







let shortcut_Typebutton =
  [
    ["开灯",
      "亮度100%，色度100%"],
    ["关灯",
      "亮度0，色度100%"]]

var a = new Array("日", "一", "二", "三", "四", "五", "六");
var week = new Date().getDay();
var str = "今天是星期" + a[week];
let firstObj = [];
let numtone = 0;
switch (week.toString()) {
  case '1':
    firstObj = ['周' + a[week] + '专属', "亮度100%，色度100%"]
    numtone = 100;
    break
  case '2':
    firstObj = ['周' + a[week] + '专属', "亮度100%，色度85%"]
    numtone = 85;
    break
  case '3':
    firstObj = ['周' + a[week] + '专属', "亮度100%，色度70%"]
    numtone = 70;
    break

  case '4':
    firstObj = ['周' + a[week] + '专属', "亮度100%，色度55%"]
    numtone = 55;
    break
  case '5':
    firstObj = ['周' + a[week] + '专属', "亮度100%，色度40%"]
    numtone = 40;
    break
  case '6':
    firstObj = ['周' + a[week] + '专属', "亮度100%，色度25%"]
    numtone = 25;
    break
  case '7':
    firstObj = ['周' + a[week] + '专属', "亮度100%，色度10%"]
    numtone = 10;
    break
}
shortcut_Typebutton.unshift(firstObj);
////console.log(shortcut_Typebutton);












// const lightList_1 = [{
//     id: '-1',
//     label: '亮度'
// }, {
//     id: '0',
//     label: '0%'
// }, {
//     id: '10',
//     label: '10%'
// }, {
//     id: '20',
//     label: '20%'
// }, {
//     id: '30',
//     label: '30%'
// }, {
//     id: '40',
//     label: '40%'
// }, {
//     id: '50',
//     label: '50%'
// }, {
//     id: '60',
//     label: '60%'
// }, {
//     id: '70',
//     label: '70%'
// }, {
//     id: '80',
//     label: '80%'
// }, {
//     id: '90',
//     label: '90%'
// }, {
//     id: '100',
//     label: '100%'
// }]
const shortcut_button =
  [
    ["自定义模式", "恢复自定义照明设置"],
    ["超节能模式", "微亮1W，全亮6W"],
    ["节能模式", "微亮3W，全亮10W"],
    ["明亮模式", "微亮6W，全亮18W"]]


const butList = [{ "label": "新增定时", value: 0 }, { "label": "删除定时", value: 2 }]

// const form = {
//     "deviceFid": '',
//     "ruleTitle": "HTP-XXXX-1",
//     "startTime": null,
//     "stopTime": null,
//     "hasPeopleBrightness": -1,
//     "noPeopleBrightness": 0,
//     "chooseWorkDay": "1,2,3,4,5,6,7",
//     "enableState": 1,
//     "operateTrigger": 1,
// }

// const params = {
//     deviceFid: '',
//     hasPeopleBrightness: 100, // 暂时死的，下面可以写if变换
//     noPeopleBrightness: 0, // 暂时死的，下面可以写if变换
//     enableState: 1,
//     operateTrigger: 1,
// }

let text = ref([]);
let placeValue = ref('');
let placeList = ref([]);



// let bigPie = ref([]);
let { proxy } = getCurrentInstance()


proxy.$mitt.on('bigPieFn', (res) => {
  let bigPie = res;
  text.value = bigPie.map((i) => {
    if (i.bad_flag > 0) {
      return i.name + " 有故障风险!!!"
    }
  }).filter((i) => i != undefined)

  if (text.value.length < 4) {
    for (let i = 0; i < 3; i++) {
      text.value.push(...text.value)
    }
  }
})
let switchV = ref('感应状态');
const sleep = (d) => {
  for (var t = Date.now(); Date.now() - t <= d;);
}
// proxy.$mitt.on('bigPieFn', (res) => {
//     bigPie.value = res;
// })
let fid = ref('');
proxy.$mitt.on('info', (res) => {
  fid.value = res.toString();
})
let active = ref('-1');

const form = {
  "deviceFid": '',
  "ruleTitle": "HTP-XXXX-1",
  "startTime": null,
  "stopTime": null,
  "hasPeopleBrightness": -1,
  "noPeopleBrightness": 0,
  "chooseWorkDay": "1,2,3,4,5,6,7",
  "enableState": 1,
  "operateTrigger": 1,
}

const params = {
  deviceFid: '',
  hasPeopleBrightness: 100, // 暂时死的，下面可以写if变换
  noPeopleBrightness: 0, // 暂时死的，下面可以写if变换
  enableState: 1,
  operateTrigger: 1,
}
const getFormData = (object) => {
  const formData = new FormData()
  Object.keys(object).forEach(key => {
    const value = object[key]
    if (Array.isArray(value)) {
      value.forEach((subValue, i) =>
        formData.append(key + `[${i}]`, subValue)
      )
    } else {
      formData.append(key, object[key])
    }
  })
  return formData
}
const hex2int = (hex) => {
  if (hex == null || hex == '') {
    return '';
  }
  var len = hex.length, a = new Array(len), code;
  for (var i = 0; i < len; i++) {
    code = hex.charCodeAt(i);
    if (48 <= code && code < 58) {
      code -= 48;
    } else {
      code = (code & 0xdf) - 65 + 10;
    }
    a[i] = code;
  }

  return a.reduce(function (acc, c) {
    acc = 16 * acc + c;
    return acc;
  }, 0);
}
const changeShort = (i) => {

  if (equipmentValue.value == '') {
    ElNotification.warning({
      title: '请先选择设备!',
      message: '',
      offset: 450,
      showClose: false,
      duration: 2000
    })
    return;
  }
  if (placeValue.value == '') {
    ElNotification.warning({
      title: '请先选择设备别名!',
      message: '',
      offset: 450,
      showClose: false,
      duration: 2000
    })
    return;
  }
  active.value = i;
  let msg = ElNotification.success({
    title: '正在设置中，请稍后',
    message: '',
    offset: 450,
    showClose: false,
    customClass: "custBox"
  })
  let params = {}
  //开灯
  let macAddress = arr.map((item) => {
    return item.macaddress;
  }).toString();

  if (placeValue.value == '全部') {
    macAddress = "FFFFFFFFFFFF";
  }
  macAddress = 'FFFFFFFFFFFF';
  let urls = '/operation/multiOperation'

  let gropuNum = 'FF';
  if (placeValue.value == '全部') {
    gropuNum = "FF";
  } else {
    gropuNum = placeValue.value;
  }

  //开灯
  if (i == 1) {
    params = {
      deviceId: form.deviceFid,
      macAddress: macAddress,
      num: 100,
      operationalType: 1,
      gropuNum: gropuNum
    }

    let params4 = {
      deviceId: form.deviceFid,
      macAddress: macAddress,
      num: 100,
      operationalType: 5,
      gropuNum: gropuNum
    }

    params4 = getFormData(params4)
    $axios.post(urls, params4).then(res => {
      msg.close();
      if (res.data.data == "fail") {
        ElNotification.error({
          title: '设置失败',
          message: '',
          offset: 450,
          showClose: false,
          duration: 2000
        })
      } else if (res.data.data == null) {
        ElNotification.error({
          title: '设置失败',
          message: '',
          offset: 450,
          showClose: false,
          duration: 2000
        })
      } else {
        // ElNotification.success({
        //     title: '设置成功',
        //     message: '',
        //     offset: 450,
        //     showClose: false,
        //     duration: 2000
        // })

        params = getFormData(params);
        onceMore();

      }

    }).catch(err => { })
    //关灯
  } else if (i == 2) {
    params = {
      deviceId: form.deviceFid,
      macAddress: macAddress,
      num: 0,
      operationalType: 1,
      gropuNum: gropuNum
    }
    params = getFormData(params);
    onceMore();
  } else {
    params = {
      deviceId: form.deviceFid,
      macAddress: macAddress,
      num: numtone,
      operationalType: 5,
      gropuNum: gropuNum
    }

    let params2 = {
      deviceId: form.deviceFid,
      macAddress: macAddress,
      num: 100,
      operationalType: 1,
      gropuNum: gropuNum
    }

    params2 = getFormData(params2)
    $axios.post(urls, params2).then(res => {
      msg.close();
      if (res.data.data == "fail") {
        ElNotification.error({
          title: '设置失败',
          message: '',
          offset: 450,
          showClose: false,
          duration: 2000
        })
      } else if (res.data.data == null) {
        ElNotification.error({
          title: '设置失败',
          message: '',
          offset: 450,
          showClose: false,
          duration: 2000
        })
      } else {
        // ElNotification.success({
        //     title: '设置成功',
        //     message: '',
        //     offset: 450,
        //     showClose: false,
        //     duration: 2000
        // })
      }

      params = getFormData(params);
      onceMore();

    }).catch(err => { })

  }

  // if (placeValue.value == '全部') {
  //     delete params.macAddress;
  //     params.deviceFid=params.deviceId;

  //     urls = '/operation/allAdjustLightBrightness'
  // }
  //  params = getFormData(params);
  /// onceMore();
  /// sleep(500);
  function onceMore () {
    $axios.post(urls, params).then(res => {
      msg.close();
      if (res.data.data == "fail") {
        $axios.post(urls, params).then(res => {
          msg.close();
          if (res.data.data == "fail") {
            $axios.post(urls, params).then(res => {
              msg.close();
              if (res.data.data == "fail") {
                ElNotification.error({
                  title: '设置失败',
                  message: '',
                  offset: 450, showClose: false,
                  duration: 2000
                })
              } else if (res.data.data == null) {
                ElNotification.error({
                  title: '设置失败',
                  message: '',
                  offset: 450, showClose: false,
                  duration: 2000
                })
              } else {
                ElNotification.success({
                  title: '设置成功',
                  message: '',
                  offset: 450, showClose: false,
                  duration: 2000
                })
              }

            }).catch(err => { })
          } else if (res.data.data == null) {
            $axios.post(urls, params).then(res => {
              msg.close();
              if (res.data.data == "fail") {
                ElNotification.error({
                  title: '设置失败',
                  message: '',
                  offset: 450,
                  showClose: false,
                  duration: 2000
                })
              } else if (res.data.data == null) {
                ElNotification.error({
                  title: '设置失败',
                  message: '',
                  offset: 450,
                  showClose: false,
                  duration: 2000
                })
              } else {
                ElNotification.success({
                  title: '设置成功',
                  message: '',
                  offset: 450,
                  showClose: false,
                  duration: 2000
                })
              }

            }).catch(err => { })
          } else {
            ElNotification.success({
              title: '设置成功',
              message: '',
              offset: 450, showClose: false,
              duration: 2000
            })
          }

        }).catch(err => { })


      } else if (res.data.data == null) {
        // ElNotification.error({
        //     title: res.data.msg,
        //     message: '',
        //     offset: 450,
        //     showClose: false,
        //     duration: 2000
        // })
        $axios.post(urls, params).then(res => {
          msg.close();
          if (res.data.data == "fail") {
            $axios.post(urls, params).then(res => {
              msg.close();
              if (res.data.data == "fail") {
              } else if (res.data.data == null) {
              } else {
                ElNotification.success({
                  title: '设置成功',
                  message: '',
                  offset: 450, showClose: false,
                  duration: 2000
                })
              }

            }).catch(err => { })
          } else if (res.data.data == null) {
            $axios.post(urls, params).then(res => {
              msg.close();
              if (res.data.data == "fail") {

              } else if (res.data.data == null) {

              } else {
                ElNotification.success({
                  title: '设置成功',
                  message: '',
                  offset: 450, showClose: false,
                  duration: 2000
                })
              }

            }).catch(err => { })
          } else {
            ElNotification.success({
              title: '设置成功',
              message: '',
              offset: 450, showClose: false,
              duration: 2000
            })
          }

        }).catch(err => { })



      } else {
        ElNotification.success({
          title: '设置成功',
          message: '',
          offset: 450, showClose: false,
          duration: 2000
        })
      }


    }).catch(err => { })
  }
}
let activeBut = ref('r');
const changeBut = (i) => {
  activeBut.value = i;
  dateValue.value = [];
  equipmentValue.value = '';
  num.value = 1;
  light.value = '-1';
}

let equipmentValue = ref('');
let equipmentList = ref([]);
let num = ref('定时任务');
proxy.$mitt.on('equipment', (res) => {
  equipmentValue.value = '';
  equipmentList.value = res;
  dateValue.value = [];
  equipmentValue.value = '';
  // num.value = 1;
  light.value = '-1';
})

let devInfo = [];
proxy.$mitt.on('devInfo', (res) => {
  devInfo = res;
})

let arr = [];
const placeChange = (value) => {
  let body = "deviceFid=" + form.deviceFid + "&customName=" + value + "&page=1&limit=1130";
  $axios.get("/operationDevice/queryOperationDeviceAllList?" + body).then(res => {
    arr = res.data.data.records.filter((item) => {
      return item.deviceIndex != 1;
    });
  })

}

const handleChange = (value) => {
  params.deviceFid = value
  form.deviceFid = value
  form.ruleTitle = form.ruleTitle.replace(/-.*-/g, `-${value}-`)
  let body = { deviceFid: value };
  body = getFormData(body);
  $axios.post("/operationDevice/deviceGroupAllList", body).then(res => {
    placeList.value = res.data.data.filter((item) => {
      return item.group_name != null && item.group_name != '';
    });
    placeList.value.unshift({
      group_name: "全部",
    })
  })
};
const onChangelight = (value) => {
  form.ruleTitle = form.ruleTitle.replace(/-(!?.{0,2})$/g, `-${value}`)
};
let dateValue = ref('');
const send = () => {
  //新增定时
  if (!activeBut.value) {
    if (dateValue.value.length == 0) {
      ElNotification.warning({
        title: '执行时间不能为空',
        message: '',
        offset: 450,
        showClose: false,
        duration: 2000
      })
      return
    }
    if (light.value == -1) {
      ElNotification.warning({
        title: '请选择亮度！',
        message: '',
        offset: 450,
        showClose: false,
        duration: 2000
      })
      return
    }
    if (equipmentValue.value == '') {
      ElNotification.warning({
        title: '请选择网关！',
        message: '',
        offset: 450,
        showClose: false,
        duration: 2000
      })
      return

    }
  }
  form.operateTrigger = activeBut.value ? 1 : 0
  form.enableState = activeBut.value == 2 ? 0 : 1
  form.startTime = dateValue.value;
  form.stopTime = '23:59'
  form.deviceFid = equipmentValue.value;

  form.hasPeopleBrightness = light.value;
  form.noPeopleBrightness = light.value;
  form.operateTrigger = switchV.value * 1
  //switchV
  // form.ruleTitle =form.ruleTitle.replace(/-.*-/g, `-${num.value}-`);
  /// const str = 'Hello World.';
  form.ruleTitle = form.ruleTitle.slice(0, -1) + num.value;




  //console.log("参数", form);
  addTimingRule(form);
  ;
  getItemData({ state: activeBut.value, mode: activeBut.value })
}
let item = {};
const getItemData = (json) => {
  // let energy = localStorage.getItem("energy");
  // if (energy == null) {
  //     energy = { "state": 0, "mode": 0 };
  // } else {
  //     energy = JSON.parse(localStorage.getItem("energy"));
  // }
  ///fetch('/dict/itemData', { method: 'post', body: JSON.stringify(json) })
  $axios.post('/dict/itemData', json).then(res => {
    if (res.data.data == null) {
      item = { "state": 0, "mode": 0 }
    } else {
      item = JSON.parse(res.data.data.dictDesc)
    }
    activeBut.value = item.mode;
  }).catch(err => { })
}
const addTimingRule = (params) => {
  const formData = new FormData();
  Object.keys(params).forEach(key => {
    if (typeof params[key] == "string") {
      formData.append(key, params[key]);
    } else {
      formData.append(key, JSON.stringify(params[key]));
    }
  });
  $axios.post('/deviceTimingRule/addTimingRule', formData).then(i => {
    if (i.data.msg == "ok") {
      ElNotification.success({
        title: '设置完成',
        message: '',
        offset: 450,
        showClose: false,
        duration: 2000
      })
    } else {
      ElMessage.warning(i.data.msg)
    }
  }).catch(err => { })
}
// let item = (await getItemData("").then(res=>res.json())  ).data

const overhaul = (id) => {
  devInfo.map((item) => {
    $axios.get(`/operation/batchGetDevicePropertie?deviceFid=${item.id}&type=2`).then(i => {
    }).catch(err => { })
  })
}

let enable = ref(false);

const getRole = (id) => {
  $axios.post(`/role/getRole`).then(res => {
    for (const i of res.data.data) {
      if (i.role_key === 'Guest') {
        enable.value = true;
        break
      }
    }
  }).catch(err => { })
}
onMounted(() => {
  getRole();
  let obj = getFormData({})
  getItemData({});
})
</script>

<style lang="scss" scoped>
.cur {
  background-color: rgb(25, 140, 250) !important;
}

.right {
  float: right;
  width: 340px;
  margin-left: 10px;
  flex-direction: column;
}

.right-top {
  height: 528px;
  border: 2px solid #0a1e50;
  // background: #0A1E50;
}

.device_status_normal {
  padding: 0px 26px 0;
  line-height: 30px;
  height: 100%;
}

.service_device {
  position: relative;
  color: #fff;
  background-color: #198CFA;
  width: 80px;
  height: 26px;
  border-radius: 15px;
  text-align: center;
  line-height: 26px;
  left: 200px;
  top: 28px;
  cursor: pointer;
}

.label {
  color: #fff;
}

.normal {
  color: #5CC700;
}


.center-line {
  width: 80%;
  height: 0px;
  border-bottom: 1px dashed #0A1E50;
  margin: 0px 10% 0;
}


.right-bottom {
  width: 340px;
  // height: 370px;
  // background-color: #0A1E50;
  // padding: 20px 20px 15px;
  margin-top: 14px;
  box-sizing: border-box;
}


.time {
  display: flex;
  align-items: center;
}

.setup_label {
  color: #fff;
  margin: 0 6px;
  display: flex;
  align-items: center;
  margin-right: 20px;
}


.tab_bar {
  background-color: #505050;
  border-radius: 12px;
  flex: 1;
  font-size: 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;

  span {
    color: #fff;
    padding: 5px 16px;
    border-radius: 15px;
    cursor: pointer;
    font-weight: normal;
  }
}

.active {

  background-color: #198CFA !important;
}


.time_select {
  margin-top: 20px;
  margin-left: -6px;
}

.timePicker {
  background-color: #0A1E50;
  width: 213px;
  border: 1px solid #198CFA;

  input {
    color: #FFF;
  }
}

.time_select_item {
  margin-bottom: 14px;
  text-align: center;
}

.select {

  div {
    text-align: center;
    padding-left: 1px;
    background-color: #198CFA !important;
    border: none;
    color: #fff;
    border-radius: 0;
    border: 1px solid #198CFA !important;
    width: 70;
  }

}


.setTasks {
  text-align: center;
}

.setup_area {
  color: #fff;
  font-size: 14px;


}

.list_item {
  display: flex;
  line-height: 28px;
  justify-content: flex-start;
  gap: 24px;
  margin-bottom: 16px;
  margin-top: 16px;
  cursor: pointer;
  font-weight: normal;
}

.row {
  margin-top: 21px;
  box-sizing: border-box;
  position: relative;
}

.first_span {
  width: 100px;
  text-align: center;
  background-color: rgb(25, 140, 250) !important;
  border-radius: 16px;
}


:deep(.el-date-editor--timerange) {
  background: none !important;
  box-shadow: none !important;
  border: 1px solid #198CFA;
  border-radius: 0 !important;

}

.m-21 {
  // width: 70px;
}

:deep(.el-date-editor .el-range-input) {
  color: #fff !important;
  font-weight: normal !important;
}


:deep(.m-21 .el-input__wrapper) {
  background-color: #198cfa !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

:deep(.m-21 .el-input__inner) {
  color: #fff !important;
}


:deep(.m-21 .el-select__caret.el-icon) {
  color: #fff !important;
}

:deep(.el-input__inner) {
  font-weight: normal;
}

.warnText {
  color: #ff7800;
  font-weight: normal;
  height: 20px;
  line-height: 20px;
}


.rowSelect {
  padding: 0 10px;
  background-color: #0A1E50;
  padding: 7px 10px 1px 20px;
}

.rightbottomTop {
  background-color: #0A1E50;
  padding: 20px 20px 10px;
  margin-bottom: 14px;
}

:deep(.time_select .el-space .el-space__item:last-child) {
  margin-right: 0 !important;
}

.warnTextBox {
  height: 135px;
  overflow: hidden;
}

:deep(.time_select .is-disabled) {
  background-color: var(--el-button-disabled-bg-color) !important;
  border-color: var(--el-button-disabled-border-color) !important;
}

:deep(.time_select .el-select) {
  border-radius: var(--el-border-radius-base);
  overflow: hidden;
}
</style>